<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>后台</title>
    <link href="./admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="./admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="./admin/css/animate.css" rel="stylesheet">
    <link href="./admin/css/style.css?v=4.1.0" rel="stylesheet">
</head>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">

<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            @include('admin.public.left')
        </div>
    </nav>
    <!--左侧导航结束-->

    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row content-tabs">
            <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs J_menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active J_menuTab" data-id="index_v1.html">課程表</a>
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
            </button>
            <button class="roll-nav roll-right J_tabRight" onclick="reload()">
                <i class="fa fa-repeat"></i>
            </button>
            <button class="roll-nav roll-right J_tabRight" style="right: 180px;" onclick="back()">
                <i class="fa fa-reply"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li class="J_tabShowActive"><a>定位当前选项卡</a>
                    </li>
                    <li class="divider"></li>
                    <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                    </li>
                    <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                    </li>
                </ul>
            </div>
            <a href="./login_up" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
        </div>
        <div class="row J_mainContent" id="content-main">
            <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="/home" frameborder="0"
                    data-id="index_v1.html" seamless></iframe>
        </div>
    </div>
    <!--右侧部分结束-->
</div>

<!-- 全局js -->
<script src="./admin/js/jquery.min.js?v=2.1.4"></script>
<script src="./admin/js/bootstrap.min.js?v=3.3.6"></script>
<script src="./admin/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="./admin/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="./admin/js/plugins/layer/layer.min.js"></script>

<!-- 自定义js -->
<script src="./admin/js/hplus.js?v=4.1.0"></script>
<script type="text/javascript" src="./admin/js/contabs.js"></script>

<script type="text/javascript">
    $(document).on('back', function () {
        window.history.go(-1)
    })

    $(document).on('reload', function (e, index) {
        var w = parent.document.querySelectorAll(".J_iframe")[index].contentWindow
        var url = w.location.href;

        w.location.href = url;
    })
</script>

<script type="text/javascript">
    //关闭个人中心
    function close_center() {
        //关闭窗口
        $('.profile-element').removeClass('open');
    }

    function reload() {
        var i = 0;
        $('.J_menuTabs').find('.page-tabs-content a').each(function () {
            if ($(this).hasClass('active')) {
                return false;
            } else {
                i++;
            }
        });

        $('.J_iframe').eq(i).trigger('reload', i);
    }

    function back() {
        var i = 0;
        $('.J_menuTabs').find('.page-tabs-content a').each(function () {
            if ($(this).hasClass('active')) {
                return false;
            } else {
                i++;
            }
        });

        $('.J_iframe').eq(i).trigger('back');
    }
</script>
</body>
</html>
